<!DOCTYPE html>
<html lang="en">
  	<head>
	    <meta charset="utf-8">
	    <title>空白页</title>
	    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	    <meta name="description" content="">
	    <meta name="author" content="">

	    <!-- 公用css -->
	    <link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="css/font-awesome.min.css" rel="stylesheet">
		<link href="css/bootstrap-table.css" rel="stylesheet">
		<link href="css/pop.css" rel="stylesheet">
		<link href="css/simplify.css" rel="stylesheet">
		<link href="css/public.css" rel="stylesheet">
		<link href="css/heard-right.css" rel="stylesheet">
		<!-- 本文件css -->
		<link href="css/CY.css" rel="stylesheet">
  	</head>
	<body>
  		<div class="wrapper no-left">
			<div class="main-container">
				<div class="smart-widget-inner">

					<!-- 页面区 -->

						<h3 class="header-text">按钮颜色</h3>
						<div class="fun-btn">
							<button type="button" class="btn btn-default marginTB-xs">默认按钮</button>
							<button type="button" class="btn btn-success marginTB-xs">绿色</button>
							<button type="button" class="btn btn-info marginTB-xs">紫色</button>
							<button type="button" class="btn btn-pink marginTB-xs">粉色</button>
							<button type="button" class="btn btn-purBlue marginTB-xs">蓝紫色</button>
							<button type="button" class="btn btn-blue marginTB-xs">天蓝色</button>
							<button type="button" class="btn btn-warning marginTB-xs">黄色</button>
							<button type="button" class="btn btn-danger marginTB-xs">红色</button>
							<button type="button" class="btn btn-gray marginTB-xs">灰色</button>
						</div>

						<h3 class="header-text">按钮大小</h3>
						<p>
							<button type="button" class="btn btn-info btn-lg">大按钮</button>
							<button type="button" class="btn btn-default btn-lg">大按钮</button>
						</p>
						<p>
							<button type="button" class="btn btn-info">默认按钮</button>
							<button type="button" class="btn btn-default">默认按钮</button>
						</p>
						<p>
							<button type="button" class="btn btn-info btn-sm">小按钮</button>
							<button type="button" class="btn btn-default btn-sm">小按钮</button>
						</p>
						<p>
							<button type="button" class="btn btn-info btn-xs">超小按钮</button>
							<button type="button" class="btn btn-default btn-xs">超小按钮</button>
						</p>

						<h3 class="header-text">下拉按钮</h3>
						<div class="fun-btn">
							<div class="btn-group">
								<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
									行动 <span class="caret"></span>
								</button>
								<ul class="dropdown-menu" role="menu">
									<li><a href="#">行动</a></li>
									<li><a href="#">另一个动作</a></li>
									<li><a href="#">这里的东西></a></li>
									<li class="divider"></li>
									<li><a href="#">分离的链接</a></li>
								</ul>
							</div>
							<div class="btn-group">
								<button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown">
									行动 <span class="caret"></span>
								</button>
								<ul class="dropdown-menu" role="menu">
									<li><a href="#">行动</a></li>
									<li><a href="#">另一个动作</a></li>
									<li><a href="#">这里的东西</a></li>
									<li class="divider"></li>
									<li><a href="#">分离的链接</a></li>
								</ul>
							</div>
							<div class="btn-group">
								<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">
									行动 <span class="caret"></span>
								</button>
								<ul class="dropdown-menu" role="menu">
									<li><a href="#">行动</a></li>
									<li><a href="#">另一个动作</a></li>
									<li><a href="#">这里的东西</a></li>
									<li class="divider"></li>
									<li><a href="#">分离的链接</a></li>
								</ul>
							</div>
							<div class="btn-group">
								<button type="button" class="btn btn-pink dropdown-toggle" data-toggle="dropdown">
									行动 <span class="caret"></span>
								</button>
								<ul class="dropdown-menu" role="menu">
									<li><a href="#">行动</a></li>
									<li><a href="#">另一个动作</a></li>
									<li><a href="#">这里的东西</a></li>
									<li class="divider"></li>
									<li><a href="#">分离的链接</a></li>
								</ul>
							</div>
							<div class="btn-group">
								<button type="button" class="btn btn-purBlue dropdown-toggle" data-toggle="dropdown">
									行动 <span class="caret"></span>
								</button>
								<ul class="dropdown-menu" role="menu">
									<li><a href="#">行动</a></li>
									<li><a href="#">另一个动作</a></li>
									<li><a href="#">这里的东西</a></li>
									<li class="divider"></li>
									<li><a href="#">分离的链接</a></li>
								</ul>
							</div>
							<div class="btn-group">
								<button type="button" class="btn btn-blue dropdown-toggle" data-toggle="dropdown">
									行动 <span class="caret"></span>
								</button>
								<ul class="dropdown-menu" role="menu">
									<li><a href="#">行动</a></li>
									<li><a href="#">另一个动作</a></li>
									<li><a href="#">这里的东西</a></li>
									<li class="divider"></li>
									<li><a href="#">分离的链接</a></li>
								</ul>
							</div>
							<div class="btn-group">
								<button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown">
									行动 <span class="caret"></span>
								</button>
								<ul class="dropdown-menu" role="menu">
									<li><a href="#">行动</a></li>
									<li><a href="#">另一个动作</a></li>
									<li><a href="#">这里的东西</a></li>
									<li class="divider"></li>
									<li><a href="#">分离的链接</a></li>
								</ul>
							</div>
							<div class="btn-group">
								<button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
									行动 <span class="caret"></span>
								</button>
								<ul class="dropdown-menu" role="menu">
									<li><a href="#">行动</a></li>
									<li><a href="#">另一个动作</a></li>
									<li><a href="#">这里的东西</a></li>
									<li class="divider"></li>
									<li><a href="#">分离的链接</a></li>
								</ul>
							</div>
						</div>

						<h3 class="header-text">带图标的按钮</h3>
						<div class="fun-btn">
							<button type="button" class="btn btn-blue marginTB-xs"><i class="fa fa-save m-right-xs"></i>保存</button>
							<button type="button" class="btn btn-purBlue marginTB-xs">下一个 <i class="fa fa-angle-double-right m-left-xs"></i></button>
							<button type="button" class="btn btn-default marginTB-xs"><i class="fa fa-spinner fa-spin m-right-xs"></i>载入中</button>
						</div>

						<h3 class="header-text m-bottom-md">图标
							<span class="sub-header">查看图标<a href="http://fontawesome.io/icons/">点击这里</a></span>
						</h3>

						<h3 class="header-text">标签按钮</h3>
						<span class="label label-default">灰色</span>
						<span class="label label-primary">蓝色</span>
						<span class="label label-success">绿色</span>
						<span class="label label-info">天蓝色</span>
						<span class="label label-warning">黄色</span>
						<span class="label label-danger">红色</span>
						<span class="label label-purple">紫色</span>

						<h3 class="header-text">消息标志</h3>
						灰色<span class="badge">42</span>
						天蓝色<span class="badge badge-info">7</span>
						绿色<span class="badge badge-success">37</span>
						黄色<span class="badge badge-warning">12</span>
						蓝色<span class="badge badge-primary">21</span>
						红色<span class="badge badge-danger">83</span>
						紫色<span class="badge badge-purple">83</span>

						<h3 class="header-text"></h3>


					</div><!--main-container-->
					<!-- 页面区 -->

				</div> <!--padding-md -->
			</div><!--main-container -->
		<!--wrapper -->
  	</body>
</html>


    	<!-- 公用js -->
		<script src="js/jquery-1.11.1.min.js"></script>
	    <script src="js/bootstrap.min.js"></script>
		<script src='js/jquery.slimscroll.min.js'></script>
		<script src="js/simplify.js"></script>
		<!-- 引入header -->
		<script type="text/javascript" src = 'js/Loadhead.js'></script>

		<!-- 本文件js -->

